@charset "utf-8";
.clean_ {
    margin: 0;
    padding: 0;
}

.cont {
    padding: 0 45px;
}

.box {
    margin-bottom: 15px;
    img {
        display: inline-block;
    }
}

.box_ {
    width: 100%;
    background: #FFF;
    display: flex;
    display: -webkit-flex;
}

.counsel {
    width: 100%;
    background: #f5f5f5;
    padding: 0;
    .car2 {
        width: 100%;
        padding-top: 70px;
        position: relative;
        img {
            width: 100%;
        }
        h1 {
            font-size: 45px;
            font-weight: bolder;
            color: #eeeeee;
            margin: 0;
            position: absolute;
            top: 45%;
            left: 10%;
        }
        p {
            font-size: 25px;
            color: #eeeeee;
            font-weight: bolder;
            margin: 0;
            position: absolute;
            top: 58%;
            left: 10%;
        }
    }
    .row {
        margin:0 !important;
        margin-bottom: 20px !important;
        
        .counsel1 {
            margin: 0 auto;
            .counsel1_1 {
                .p1 {
                    width: 100%;
                    font-size: 30px;
                    color: #666666;
                    border-bottom: 1px dashed #a7a7a7;
                    line-height: 80px;
                    margin-bottom: 30px;
                }
            }
            .top {
                width: 100%;
                position: relative;
                .span1 {
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    position: absolute;
                    top: 0%;
                    right: 0%;
                    transform: rotate(45deg);
                    span {
                        color: #ff6600;
                    }
                }
                .sponsor {
                    height: 30px;
                    background: #fafafa;
                    padding: 0;
                    position: absolute;
                    bottom: 0;
                    span {
                        width: 100%;
                        font-size: 18px;
                        line-height: 30px;
                    }
                }
                .price2 {
                    width: 150px;
                    text-align: center;
                    position: absolute;
                    top: 30%;
                    right: 4%;
                    .p5 {
                        width: 150px;
                        font-size: 28px;
                        color: #ff6600;
                        line-height: 30px;
                        span {
                            font-size: 15px;
                            color: #999999;
                            text-decoration: line-through;
                        }
                    }
                    a {
                        display: inline-block;
                        width: 150px;
                        height: 41px;
                        background: #ff6600;
                        border-radius: 5px;
                        color: #FFFFff;
                        line-height: 41px;
                    }
                }
                .price3 {
                    width: 150px;
                    text-align: center;
                    position: absolute;
                    bottom: 0%;
                    .p5 {
                        width: 150px;
                        font-size: 28px;
                        color: #ff6600;
                        line-height: 30px;
                        margin: 0;
                        span {
                            font-size: 15px;
                            color: #999999;
                            text-decoration: line-through;
                        }
                    }
                }
                .counsel1_2 {
                    position: relative;
                    width: 45%;
                    img {
                        width: 100%;
                    }
                    p {
                        position: absolute;
                        width: 100px;
                        height: 24px;
                        top: 0;
                        left: 0;
                        border-radius: 0 0 6px 0;
                        background: #59b200;
                        font-size: 17px;
                        color: #FFFFFF;
                        line-height: 24px;
                        text-align: center;
                    }
                }
                .counsel1_3 {
                    width: 55%;
                    padding-left: 15px;
                    background: #FFFFFF;
                    overflow: hidden;
                    
                    .price {
                        h2 {
                            font-size: 30px;
                            color: #3d3d3d;
                            padding-bottom: 10px;
                        }
                        p {
                            width: 60%;
                            color: #808080;
                            font-size: 20px;
                            overflow: hidden;
                        }
                        .traffic {
                            margin: 20px 0;
                            p {
                                height: 40px;
                                line-height: 40px;
                                margin: 0;
                                .sp {
                                    width: 10px;
                                    margin: 9px;
                                    padding: 3px;
                                    color: #59b200;
                                    border: 1px solid #59b200;
                                    border-radius: 5px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and(max-width:1200px) {
    .cont {
        width: 100% !important;
    }
    .counsel .row .counsel1 .top .counsel1_3 .price p{
        width: 100% !important;
    }
    .price h2{
        font-size: 20px;
    }
}

@media screen and(min-width:992px) and(max-width:1200px) {
    .counsel .car2 {
        p {
            top: 52%;
            font-size: 20px !important;
        }
        h1 {
            top: 37%;
            font-size: 40px !important;
        }
    }
    .search1 input{
        width: 68% !important;
    }
}

@media screen and(min-width:768px) and(max-width:992px) {
    .counsel .car2 {
        p {
            top: 55%;
            font-size: 18px !important;
        }
        h1 {
            top: 40%;
            font-size: 35px !important;
        }
    }
    .search1 input{
        width: 67% !important;
    }
}

@media (max-width:768px) {
    .counsel .car2 {
        p {
            top: 60%;
            font-size: 15px !important;
        }
        h1 {
            top: 48%;
            font-size: 20px !important;
        }
    }
    .search1 input{
        width: 66% !important;
    }
}